<template>
  <view>
    <view class="vide_lt">
    <video src="http://61.167.56.250/om.tc.qq.com/AggmdbWfZtNxh7D6b1ygmINHELkAksRKrFUdjhUfemj8/B_I_Rzkoqs3mS4tvqhfSdL4w/svp_50200/njc_1000195_0bc3hibmkaaciyajmfumafrruoweyu5afrka.f2.mp4?vkey=53AFF21DA5C3999F7B9E24241E47225CCC8C9462AA580051CF85C06D1B67FF6726DED558FC56147CB9B74B41DE5C47D957AB6EDCB5D9C5B8FA8BB609057803F2FFE6B9D7809CD15329B9C26A2C5478124FFC2ECF856382DCF192B17D525C08BCCC70330467BC07ECF47E126F801DA511462698198F0422D8" :controls="true" :autoplay="true" class="video"></video>
    </view>
    <view class="vide_tit">
      <text>石河子职业技术学院宣传视频</text>
    </view>
    <view class="tit_ls">
      <view class="tit_list" v-for="(item,index) in list" :key="index">
        <image :src="item.img" alt=""></image> 
        <view class="tit_wb">
          <text>{{item.name}}</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        list: [
          {
            img: 'https://img1.imgtp.com/2023/01/09/OmMwpxzV.jpg',
            name: '校园运动场'
          },
          {
            img: 'https://img1.imgtp.com/2023/01/09/M2kx9mAy.jpg',
            name: '校区大门'
          },
          {
            img: 'https://img1.imgtp.com/2023/01/09/t2souF1i.png',
            name: '学校教学楼'
          },
          {
            img: 'https://img1.imgtp.com/2023/01/09/NrkpZUf5.jpg',
            name: '校园风光'
          }
        ]
      }
    },
    methods: {
        
    },
    onPullDownRefresh() {
    		setTimeout(function () {
    			uni.stopPullDownRefresh();
    		}, 1000);
    	}
  }
</script>

<style lang="scss" scoped>
  .vide_lt{
    width: 100%;
    height: 500rpx;
    .video{
      width: 100%;
      height: 100%;
    }
  }
  .vide_tit{
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    font-size: 35rpx;
    border-bottom: 1px solid #e6e6e6;
  }
  .tit_ls{
    padding: 0 15rpx;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    .tit_list{
      width: 335rpx;
      margin: 10rpx 0;
      padding: 15rpx;
      box-sizing: border-box;
      image{
        width: 300rpx;
        height: 400rpx;
      }
      .tit_wb{
        text-align: center;
      }
    }
  }
</style>
